<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿凡客</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/css.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/fk.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/comment.css">
<link rel="stylesheet" href="__STATIC__/index/iconfont/demo.css">
<link rel="stylesheet" href="__STATIC__/index/iconfont/iconfont.css">
<script type="text/javascript" src='__STATIC__/Js/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
    var attrGetData="{|U:'attrGetData'}";//利用规格获取数据
    var ShopCarAdd ="{|U:'ShopCar/add'}";//购物车异步函数
</script>
<script type="text/javascript" src='__STATIC__/index/js/comment.js'></script>

</head>
<body>
</div>
    <include file="__VIEW__/common/header.html"/>
<!--中间部分开始-->
<div id="commentBox">
    <span class="blank10"></span>
    <div class="left_nav">
        <span>当前位置：</span>
        <a href="">所有分类</a>
    </div>  
    <div id="comTitleShow">
        <h2 title="{$goodsData.gname}">{$goodsData.gname}</h2>
        <ul>
        	<li><a href="">产品描述</a></li>
        	<li><a href="">评论</a></li>
        	<li><a href="">提问</a></li>
        </ul>  
    </div>
    <span class="blank30"></span>
   
    <div class="danpinLeftBox">
        <div class="smallImg">
            <div class="smallImgUp"></div>
            <ul>
                <foreach from="$gEntryData['shop_pic']['small']" key="$k" value="$v">
                    <li><img src="__ROOT__/{$v} ?>" width="70" height="70" midimg="<?php echo '__ROOT__/' . $gEntryData['shop_pic']['mid'][$k];?>" bigimg="<?php echo '__ROOT__/' . $gEntryData['shop_pic']['big'][$k];?>"/></li>
              	</foreach>   
            </ul>
            <div class="smallImgDown"></div>
        </div> 
        <div class="danpincenter">
            <div class="bigimg">
                <img width="400" height="400" src="<?php echo '__ROOT__/' . $gEntryData['shop_pic']['mid'][0];?>"/>
                <div class="box"><!--放大镜效果预留--></div>
                <div class="cover" width="400" height="400"></div>
                <div class="danpinBig">
                    <img class="danpinBigImg" width="800" height="800" src="<?php echo '__ROOT__/' . $gEntryData['shop_pic']['big'][0];?>"/>
                </div><!--放大镜效果预留-->
            </div>	
        </div>
    </div>
    
    <div class="danpinRightBox">
        
        <div class="cuxiaoprice"><!--售价-->
            <span>售价:$
            	<strong>{$goodsData.shop_price}</strong>
            </span>	
        </div><!--售价结束-->
        <span class="blank20"></span>
        <div class=selectArea><!--客户选择区域-->
            <span class="blank10"></span>	
            <span class="colorHoverok"></span>
            <foreach from="$goodsAttrDate" key="$k" value="$v">
                <div class="selSizeArea"><!--尺码选择-->   
                    <div class="selSize">
                        <ul>
                            <li>
                                <span>{$v.title}:</span>
                                <foreach from="$v['attr']" key="$key" value="$value">
                        	       <a href="javascript:;" add_price="{$value.add_price}" shop_price="{$goodsData.shop_price}" gid="{$v.goods_gid}" specId="{$value.gaid}" ganame="{$value.ganame}">{$value.ganame}</a>
                        	    </foreach>
                            </li>
                        </ul>
                    </div>
                </div><!--尺码选择结束-->
            </foreach>
            <div class="selNumArea"><!--数量选择-->
                <div class="danpinColorTitle">
                    <span>数量:</span>    
                </div>
                <div class="danpinNumSelect">
                    <select id="selectedAmount">
                    	<option value="1">1</option>
                    	<option value="2">2</option>
                    	<option value="3">3</option>
                    	<option value="4">4</option>
                    	<option value="5">5</option>
                    	<option value="6">6</option>
                    	<option value="7">7</option>
                    	<option value="8">8</option>
                    	<option value="9">9</option>
                    	<option value="10">10</option>
                    </select>	
                </div>
            </div><!--数量选择结束-->
            <span class="blank15"></span>
            <div class="SelectGoodArea">
                <div class="danpinColorTitle">
                    <span>已选:</span>    
                </div> 
                <!--商品规格信息及库存信息-->
                <div class="goodsAdd">
                    
                </div>
                <!--商品规格信息及库存信息结束-->
            </div>
        </div><!--客户选择区域结束-->
        <span class="blank15"></span>
        <div class="shoppingNews">
            <input type="hidden" name="specId" id="specId" value="" />
            <a id="nowbuy" href=""><span>立即购买</span></a>
            <a id="toAddShoppingCar" href="javascript:;"></a>	
        </div>
    </div>
     <!--加入购物车-->
    <div id="carbox" class="CarBox_Main CarBox_MainDragDrop" style="display:none;left: 709px; height: 120px; top: 472px;">
      <div style="">
        <h2 class="CarBox_Title">
            <span>商品成功放入购物车</span>
            <span class="close fr"></span>
        </h2>
        <span class="blank20"></span>
        <div class="CarBox_Content">
            <div class="CarBox_bg">
            </div>
            <div class="CarBox_NumPrice">
                <span class="line01 fl"></span>
                <div style="padding-top: 14px;" class="fl">
                    <p>
                        <span>共有</span><span id="shopcarcount">{$totlaNums}</span><span>件商品</span>
                    </p>
                    <p>
                        <span class="CarBox_TotialPrice"><span>总计</span><span id="shopcarprice">{$totalprice}</span>
                        </span>
                    </p>
                </div>
            </div>
            <div class="CarBox_Btn">
                <div class="CarBox_goCar">
                    <a target="_parent" rel="nofollow" href="{|U:'ShopCar/index'}" name="item-Settlement" class="track">去购物车&gt;&gt;</a></div>
                <div class="CarBox_nowCheckout CarBox_nowContinueBuy jxgwbtn" id="continueshop">
                    <a name="item-continueshop" class="track" href="#">&lt;&lt;继续购物</a></div>
            </div>
        </div>
    </div>
</div>
    <!--加入购物车结束-->
    <span class="blank20"></span>
    <div id="anchor1"><!--产品信息区域-->
        <span class="blank20"></span>    
        {$gEntryData.intro}
        <span class="blank20"></span>
        <div id="attr">
            <h3>产品属性：(点击属性可查看同类商品)</h3>	
            <div class="shuxing">
                <ul>
                    <foreach from="$goodsAttrData1" key="$key" value="$v">
                    	<li>
                    	    <span>{$v.title}：</span>
                    	    <a href="">{$v.ganame}</a>
                    	</li>
                	</foreach>
                </ul>
            </div>
        </div>
        <span class="blank20"></span>
        <h3>洗涤说明：</h3>
        <div class="syt">
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
            <span title="40度水温 常规洗" style="background-position: 0px -0px">
            </span>
        </div>
        <div id="sizebox"><!--产品尺寸-->
            {$gEntryData.service}
        </div><!--产品尺寸结束-->
        <span class="blank25"></span>
        <h3>详情图片:</h3><!--产品图片-->
        <span class="blank10"></span>
        <h3>注:商品实际颜色请以静物图为准</h3>
        <span class="blank5"></span>
        <div id="imgBox">
            <img src="../images/ccxx_01.jpg"/>
            <img src="../images/ccxx_02.jpg"/>
            <img src="../images/ccxx_0421.jpg"/>
            <img src="../images/ccx_04.jpg"/>
            <img src="../images/ccxx_06.jpg"/>
            <img src="../images/ccxx_07.jpg"/>
            <img src="../images/ccxx_08.jpg"/>
        </div><!--产品图片结束-->
    </div><!--产品信息区域结束-->
    <span class="blank20"></span>
    <div id="lef_rexiao"><!--热销产品广告区域-->
        <h2>热销产品</h2>
        <ul>
        	<li>
        	    <a href="">
        	        <img src="../images/3246764-1j201409011618077408.jpg"/>
        	    </a>
        	    <h3><a href="">凡客80免烫衬衫</a></h3>
        	    <p><em>售价:$168</em></p>
        	</li>
        	<li>
                <a href="">
                    <img src="../images/3246764-1j201409011618077408.jpg"/>
                </a>
                <h3><a href="">凡客80免烫衬衫</a></h3>
                <p><em>售价:$168</em></p>
            </li>
            <li>
                <a href="">
                    <img src="../images/3246764-1j201409011618077408.jpg"/>
                </a>
                <h3><a href="">凡客80免烫衬衫</a></h3>
                <p><em>售价:$168</em></p>
            </li>
            <li>
                <a href="">
                    <img src="../images/3246764-1j201409011618077408.jpg"/>
                </a>
                <h3><a href="">凡客80免烫衬衫</a></h3>
                <p><em>售价:$168</em></p>
            </li>
        </ul>
    </div><!--热销产品广告区域结束-->
    <div id="rig_pinglun"><!--评论区域-->
        <div class="newsComment"><!--评论头部区域-->
            <h2>最新评论(共<span id="">12</span>条)</h2>	
            <div class="pinglunSelect">
                <div class="pinglunTopLef">
                    <ul>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    	<li>质量没话说</li>
                    </ul>	
                </div>	
                <div class="pinglunTopRig">
                    <a href=""><span>我要评论</span></a>	
                </div>
            </div>
        </div><!--评论头部区域结束-->
        <div class="pinlunComBox">
            <div class="pinlunComLef">
                <div class="">
                	
                </div>	
            </div>	
            <div class="pinlunComRig">
            	
            </div>
        </div>
    </div><!--评论区域结束-->
    <div id="wenti">
        	
    </div>
</div>
<!--中间部分结束-->
<!--底部区域开始-->
<!-- 关于凡客开始 -->
<span class="blank30"></span>
    <div class="guanyu">
    <div class="guanyu_1"></div>
        <ul>
            <li>
                <div class="guanyu_nei">
                    <span>关于凡客</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">公司简介</a>
                    <a href="" class="guanyu_2"><b>联系我们</b></a>
                    <a href="" class="guanyu_2">友情链接</a>
                </div>              
            </li>
            <li>
                <div class="guanyu_nei">
                    <span>新手指南</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">账户注册</a>
                    <a href="" class="guanyu_2">购物流程</a>
                    <a href="" class="guanyu_2">网站地图</a>
                    <a href="" class="guanyu_2">商家入驻</a>
                </div>              
            </li>
            <li>
                <div class="guanyu_nei">
                    <span>配送范围及时间</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">国内配送</a>            
                    <a href="" class="guanyu_2">订单拆分</a>
                </div>              
            </li>
            <li>
                <div class="guanyu_nei">
                    <span>支付方式</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">货到付款</a>
                    <a href="" class="guanyu_2">在线支付</a>
                    <a href="" class="guanyu_2">礼品卡及账户余额</a>
                    <a href="" class="guanyu_2">其他支付方式</a>
                </div>              
            </li>
            <li>
                <div class="guanyu_nei">
                    <span>售后服务</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">退换货政策</a>
                    <a href="" class="guanyu_2">退换货办理流程</a>
                    <a href="" class="guanyu_2">退换货网上办理</a>
                    <a href="" class="guanyu_2">退款说明</a>
                    <a href="" class="guanyu_2">调查问卷</a>
                </div>              
            </li>
            <li id="guanyu_li_5">
                <div class="guanyu_nei">
                    <span>帮助中心</span>
                    <br />
                    <br />                  
                    <a href="" class="guanyu_2">在线客服</a>
                    <a href="" class="guanyu_2">找回密码</a>
                    <a href="" class="guanyu_2">隐私声明</a>        
                </div>
            </li>
        </ul>
    </div>
    <!--关于凡客结束-->
<!-- 30天退换货 -->
<span class="blank25"></span>
<div class="fk_copy">
    <ul>
        <li><a href="" class="fk_copy1"></a></li>
        <li><a href="" class="fk_copy2"></a></li>
        <li><a href="" class="fk_copy3"></a></li>
        <li><a href="" class="fk_copy4"></a></li>
    </ul>
</div>
<!-- 30天退换货结束 -->    
<!-- 底部信息开始 -->
<div class="ft"></div>
<div class="foot">
    <p class="foot_1">
    Copyright 2007 - 2014 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
    </p>
    <p class="foot_2">
        <a href="" class="foot_2_1"></a>
        <a href="" class="foot_2_2"></a>
        <a href="" class="foot_2_3"></a>
        <a href="" class="foot_2_4"></a>
        <a href="" class="foot_2_5"></a>
    </p>
</div>
<!-- 底部信息结束 -->
<!--底部区域结束-->


    </body>
</html>

